layui中layer的宽高怎么自定义设置？

来源:网络整理作者: 发布时间:2020-12-17 08:02

layui中的layer模块可使用area属性来设置宽高。默认状态下，layer是宽高都自适应的，但当需要自定义宽度和高度时就可...

layui中的layer模块可使用area属性来设置宽高。默认状态下，layer是宽高都自适应的，但当需要自定义宽度和高度时就可以使用“area:['宽度','高度']”语句来设置，例“area:['500px','300px']”。

在默认状态下，layer是宽高都自适应的

但是有时需要单独自定义宽度和高度，代码如下：

var looptran = layer.msg(loopTranInfo, { time: 10000, //10s后自动关闭 area:['300px', '200px'] , /* area: '400px',*/ btn: ['确定'] });

其中 area:[‘300px’, ‘200px’] 可以自定义高宽度

网上说的先定义layer.msg，再用layer.style限定宽度或高度无效！无效代码如下：

var looptran = layer.msg(loopTranInfo, { time: 10000, //10s后自动关闭 area:['300px', '200px'] , /* area: '400px',*/ btn: ['确定'] }); layer.style(looptran, { width: '400px', height:'200px'});

官网说明截图：

这里写图片描述

更多编程相关知识，请访问：编程课程！！

以上就是layui中layer的宽高怎么自定义设置？的详细内容，更多请关注php中文网其它相关文章！

相关热词：

本站内容来源于网络，如有侵权请与我们联系，我们会及时删除，我们深感抱歉！
注：本站所有信息仅供用于网络技术学习参考,学习中请遵循相关法律法规！

本文地址: https://v30.fanwenzhu.com/jiaob/cssm/4764.shtml

上一篇：layui输入框如何设置禁止输

下一篇：css实现文字不换行溢出显

content: $(#id) //这里content是一个	layui自界说滑滚动窗动画
利用layui框架封装ajax模块的详	layui兼容ie8中出现的问题 1、检
将这个文件给引入进去引入的	layuicode是默认通过寻找layui-c
该div包含layui-select-title和dl两个	让layui支持es5写法的方法介绍
layui框架中常见表单排版介绍	解决layUI导出到Excel时身份证号
在layui的layDate组件中添加设置	layui框架的table字段筛选功能介
layui的模块化和非模块化使用（	layui中创建table的方法
layui上传图片详解（附代码）	Layui table组件相关介绍